<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>豆腐渣管理系统</title>
    <link href="images/logo.png" rel="icon">
    <link rel="stylesheet" href="./css/school.css"/>
    <link href="css/common.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
<div id="body">
    <div id="logo">
        <img alt="logo-img" src="images/logo.png" id="logo-img">
        <span id="ourname">中国豆腐渣工程</span>
        <a href="javascript:" class="btn cancel" id="exit">退出</a>
        <span id="time"></span>
        <span id="welcome">欢迎 <span id="currentuser">管理员</span> 的登录</span>
    </div>
    <div id="content">
        <div id="left">
            <div class="circle">
                <ul class="hidden">
                    <li><a href="employee.html" target="_self">员工管理</a></li>
                    <li><a href="department.html" target="_self">部门管理</a></li>
                    <li><a href="job.html" target="_self">职位管理</a></li>
                </ul>
                <span>资料管理</span>
            </div>
            <div class="circle">
                <ul class="hidden">
                    <li><a href="school-activity.html" target="_self">学校活动</a></li>
                    <li></li>
                    <li><a href="school.html" target="_self">学校管理</a></li>
                </ul>
                <span>学校管理</span>
            </div>
            <div class="circle">
                <ul class="hidden">
                    <li><a href="student.html" target="_self">学生管理</a></li>
                    <li><a href="teacher.html" target="_self">老师管理</a></li>
                    <li><a href="class.html" target="_self">班级管理</a></li>
                </ul>
                <span>用户管理</span>
            </div>

        </div>
        <div id="right">
            <div id="school">
                <p>学校管理</p>
                <div id="city">
                    <ul id="ul1">
                        <li id="province" onclick="pp()">
                            四川省
                        </li>
                        <li>
                            <ul id="city_s">
                                <li class="city">成都市</li>
                                <li class="city">雅安市</li>
                                <li class="city">达州市</li>
                                <li class="city">内江市</li>
                                <li class="city">乐山市</li>
                            </ul>
                        </li>
                    </ul>
                    <div>

                    </div>

                </div>
                <div id="cao">
                    <a href="javascript:" class="btn"  onclick="add()">录入新学校</a>
                    <a href="javascript:" class="btn">查看学校信息</a>
                    <a href="javascript:" class="btn">修改学校信息</a>
                    <a href="javascript:" class="btn">申请立项</a>
                    <a href="javascript:" class="btn">审核</a>
                </div>

            </div>

        </div>
    </div>
    <div id="footer">
        <p>2014 - 2016 &copy;版权二组所有，禁止抄袭</p>
    </div>

    <div id="mc">

    </div>
    <div id="meng">
        <div id="meng1">
            <div id="add_school">
                <h4>录入新学校</h4>
                <table id="table1">
                    <tr>
                        <td>学校名称</td>
                        <td><input type="text"/></td>
                        <td>所属城市</td>
                        <td><input type="text"/></td>
                    </tr>
                    <tr>
                        <td>学校地址</td>
                        <td><input type="text"/></td>
                        <td>校 长</td>
                        <td><input type="text"/></td>
                    </tr>
                    <tr>
                        <td>联系电话</td>
                        <td><input type="text"/></td>
                        <td>学校人数</td>
                        <td><input type="text"/></td>
                    </tr>
                    <tr>
                        <td>老师人数</td>
                        <td><input type="text"/></td>
                        <td>说 明</td>
                        <td rowspan="4">
                            <textarea  id="shuo" rows="5"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <td>负责人</td>
                        <td><input type="text"/></td>
                    </tr>
                    <tr>
                        <td>负责部门</td>
                        <td><input type="text"/></td>
                    </tr>
                </table>

                <div id="c_school">
                    <a href="javascript:" class="btn small" onclick="add_school()" >添加</a>
                    <a href="javascript:" class="btn small cancel"  onclick="add_school()">取消</a>
                </div>

            </div>
        </div>
    </div>
</div>
</body>

<script>
    //添加蒙层
    function add(){
        var mc=document.getElementById('mc');
        var meng=document.getElementById('meng');
        meng.style.display='block';
        mc.style.display='block';
    }
    //添加查、学校
    function add_school(){
        var mc=document.getElementById('mc');
        var meng=document.getElementById('meng');
        meng.style.display='none';
        mc.style.display='none';
    }
    var city=document.getElementsByClassName('city');
    //改变点击时的背景色
    for (var j=0;j<city.length;j++){
        city[j].onclick=function (){
            for(var i=0;i<city.length;i++){
                city[i].style.background='';
            }
            this.style.background='#10A4AE';
        }
    }


</script>
</html>